; (function () {
    // 步骤3：创建echarts实例
    let myChart = echarts.init(document.querySelector(".box9"));

    // 步骤4：定义配置（指定图表的配置项和数据）
    let option = {
        legend: {
            textStyle: {
                color: "#666e8c",
            },
            top: "-2%",
        },

        series: [
            {
                type: "pie",
                radius: [20, 60],
                center: ["50%", "50%"],
                roseType: "area",
                data: [
                    { value: 13, name: "图例1", label: { color: "#5470c6" } },
                    { value: 54, name: "图例2", label: { color: "#91cc75" } },
                    { value: 86, name: "图例3", label: { color: "#fac858" } },
                    { value: 48, name: "图例4", label: { color: "#ee6666" } },
                ],
            },
        ],
    };
    // 步骤5：使用刚指定的配置项和数据显示图表
    myChart.setOption(option);

    // window.onresize = () => {
    //     myChart.resize()
    // }

    window.addEventListener("resize", () => {
        myChart.resize();
    });
})();